<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<title>网络打印服务首页</title>
		<meta content="text/html;charset=UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<meta content="" name="description" />
		<meta content="" name="author" />
		<!-- BEGIN GLOBAL MANDATORY STYLES -->
		<link th:href="@{/media/css/bootstrap.min.css}" rel="stylesheet" type="text/css"/>
		<link th:href="@{/media/css/bootstrap-responsive.min.css}" rel="stylesheet" type="text/css"/>
		<link th:href="@{/media/css/font-awesome.min.css}" rel="stylesheet" type="text/css"/>
		<link th:href="@{/media/css/style-metro.css}" rel="stylesheet" type="text/css"/>
		<link th:href="@{/media/css/style.css}" rel="stylesheet" type="text/css"/>
		<link th:href="@{/media/css/style-responsive.css}" rel="stylesheet" type="text/css"/>
		<link th:href="@{/media/css/default.css}" rel="stylesheet" type="text/css" id="style_color"/>
		<link th:href="@{/media/css/uniform.default.css}" rel="stylesheet" type="text/css"/>
		<!-- END GLOBAL MANDATORY STYLES -->
		<!-- BEGIN PAGE LEVEL STYLES -->
		<link th:href="@{/media/css/DT_bootstrap.css}" rel="stylesheet"/>
		
		<!-- END PAGE LEVEL STYLES -->
		<link rel="shortcut icon" th:href="@{/media/image/favicon.ico}" />
	</head>
	<body class="page-header-fixed">
	<!-- BEGIN HEADER -->
	<div class="header navbar navbar-inverse navbar-fixed-top" style="border: solid 0px red">
		<!-- BEGIN TOP NAVIGATION BAR -->
		<div class="navbar-inner" style="border: solid 0px red">
			<div class="container-fluid">
				<!-- BEGIN LOGO -->
				<a class="brand" href="###">
				<img th:src="@{/media/image/logo.png}" alt="logo" />
				</a>
				<!-- END LOGO -->
				<!-- BEGIN RESPONSIVE MENU TOGGLER -->
				<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
				<img th:src="@{/media/image/menu-toggler.png}" alt="" />
				</a>          
				<!-- END RESPONSIVE MENU TOGGLER -->
			</div>
		</div>
		<!-- END TOP NAVIGATION BAR -->
	</div>
	<!-- END HEADER -->
	<!-- BEGIN CONTAINER -->
	<div class="page-container row-fluid" style="border: solid 0px red">
		<!-- BEGIN SIDEBAR -->
		
		<!-- END SIDEBAR -->
		<!-- BEGIN PAGE -->
		<div class="page-content" style="height:600px; width:1100px; border: solid 0px red">
			<!-- BEGIN PAGE CONTAINER-->
			<div class="container-fluid" style="border: solid 0px red">
				<!-- BEGIN PAGE HEADER-->
				<div class="row-fluid">
					<div class="span12">
						<!-- BEGIN PAGE TITLE & BREADCRUMB-->
						<h3 class="page-title">
							网络打印服务 <small>上传文件 --> 打印文档 --> 删除文档</small>
						</h3>
						<!-- END PAGE TITLE & BREADCRUMB-->
					</div>
				</div>
				<!-- END PAGE HEADER-->
				<!-- BEGIN PAGE CONTENT-->
				<div class="row-fluid">
					<div class="span12">
						<p>
							<span class="label label-important">NOTE:</span>&nbsp;
							可以删除不需要打印的文档. 
						</p>
						<div class="portlet-body">
							<table class="table table-bordered table-hover">
								<thead>
									<tr>
										<th>#</th>
										<th>待打印文档</th>
										<th>文档类型</th>
										<th>上传日期</th>
										<th>操作</th>
									</tr>
								</thead>

								<tbody>
									<tr th:each="doc,status:${docs}">
										<td th:text="${status.count}"></td>
										<td th:text="${doc.fileName}"></td>
										<td th:text="${doc.fileType}"></td>
										<td th:text="${doc.lastUpdateStr}"></td>
										<td><a class="label label-success" th:href="'/webprint/delete/'+${sessionId}+'/'+${doc.fileName}">删除</a></td>
									</tr>
									
								</tbody>
							</table>
						</div>
						<a th:href="'/webprint/backtoupload/'+${sessionId}" class="btn red big">回到上传页面</a>
						<a th:href="'/webprint/clear/'+${sessionId}" class="btn red big">清除所有上传文件</a>
						<a href="#" class="btn green big">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;打印&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
					</div>
				</div>
				<!-- END PAGE CONTENT-->
			</div>
			<!-- END PAGE CONTAINER-->
		</div>
		<!-- END PAGE --> 
	</div>
	<!-- END CONTAINER -->
	<!-- BEGIN FOOTER -->
	<div class="footer">
		<div class="footer-inner">
			2016 &copy; feng.
		</div>
		<div class="footer-tools">
			<span class="go-top">
			<i class="icon-angle-up"></i>
			</span>
		</div>
	</div>
	<!-- END FOOTER -->
	<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
	<!-- BEGIN CORE PLUGINS -->
	<script th:src="@{/media/js/jquery-1.10.1.min.js}" type="text/javascript"></script>
	<script th:src="@{/media/js/jquery-migrate-1.2.1.min.js}" type="text/javascript"></script>
	<!-- IMPORTANT! Load jquery-ui-1.10.1.custom.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
	<script th:src="@{/media/js/jquery-ui-1.10.1.custom.min.js}" type="text/javascript"></script>      
	<script th:src="@{/media/js/bootstrap.min.js}" type="text/javascript"></script>
	<!--[if lt IE 9]>
	<script th:src="@{/media/js/excanvas.min.js}"></script>
	<script th:src="@{/media/js/respond.min.js}"></script>  
	<![endif]-->   
	<script th:src="@{/media/js/jquery.slimscroll.min.js}" type="text/javascript"></script>
	<script th:src="@{/media/js/jquery.blockui.min.js}" type="text/javascript"></script>  
	<script th:src="@{/media/js/jquery.cookie.min.js}" type="text/javascript"></script>
	<script th:src="@{/media/js/jquery.uniform.min.js}" type="text/javascript" ></script>
	<!-- END CORE PLUGINS -->
	<!-- BEGIN PAGE LEVEL PLUGINS -->
	<script th:src="@{/media/js/dropzone.js}"></script>
	<!-- END PAGE LEVEL PLUGINS -->
<!-- END BODY -->
	</body>
</html>